<template>
	<view class="page">
	<!-- cell -->
		<view style="padding: 12px;background-color: #FFFFFF;padding-left: 12px;padding-right: 12px;"
		v-for="idx in 13" :key="idx"
		@click="loadDetail(idx)"
		>
			<view style="display: flex;flex-direction: row;align-items: center;">
				<text class="iconfont icon-xiaoxi" style="font-size: 25px;"></text>
				<text style="flex: 1;margin-left: 12px;">系统消息</text>
				<text style="font-size: 12px;color: #999999;">12:00</text>
			</view>
			<text style="overflow: hidden;margin-top: 5px;font-size: 12px;color: #999999;display: block;">asgdjhakjhdskakjshdkhakjhdsjhasgdahjgdhgajgsdjagjdgjasgdgfasjfdjfafda</text>
			<view style="height: 1px;background-color: #999999;position: absolute;left: 0;right: 0;bottom: 0;" />
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			loadDetail(idx){
				uni.navigateTo({
					url:"./msg-detail"
				})
			}
		}
	}
</script>

<style>
	.page {
		flex: 1;
		background-color: #F5F5F5;
		overflow-y: auto;
	}
</style>
